html,
body{
    width: 100%;
    height: 99%;
    margin: 0;
}
#canvas{
    position: absolute;
    z-index: -1;
}
body{
    text-align: center;

}
#zan,#sc{
    color: #fff;
    text-decoration: none;
}
#zan:hover{
    color: 	#FFFF00;
}
#sc:hover{
    color: #FFDAB9;
}

header{
    margin: 2px 4px;
    text-align: left;
    padding: 10px;
    background-color: #3500f421;
}
.form>.input_key{
    width: 530px;
    background: #caffc9;
}
button {
    display: inline-block;
    padding: 6px 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    border-color: #28a4c9;
    color: #fff;
    background-color: #5bc0de;
    margin: 20px 20px 0 0;
}

.box {
    width: 900px;
    margin: 0 auto;
    height: 34px;
}

.page {
    width: 700px;
    text-align: center;
    margin: 0;
}

.info {
    width: 200px;
    height: 34px;
    line-height: 34px;
}

.fl {
    float: left;
}
.row:first-child{
    color: #a4c1a0;
    font-size: 20px;
    font-weight: 800;
}


#preloader_1{
    position:relative;
}
#preloader_1>span{
    display:block;
    bottom:0px;
    width: 9px;
    height: 5px;
    position:absolute;
    animation: preloader_1 1.5s  infinite ease-in-out;
}

#preloader_1>span:nth-child(2){
    left:11px;
    background: #9b59b6;
    animation-delay: .2s;
}
#preloader_1>span:nth-child(3){
    left:22px;
    background: #9b59b6;
    animation-delay: .4s;
}
#preloader_1>span:nth-child(4){
    left:33px;
    background: #9b59b6;
    animation-delay: .6s;
}
#preloader_1>span:nth-child(5){
    left:44px;
    background: #9b59b6;
    animation-delay: .8s;
}

@keyframes preloader_1 {
    0% {height:5px;transform:translateY(0px);background: #9b59b6;}
    25% {height:30px;transform:translateY(15px);background:#3498db;}
    50% {height:5px;transform:translateY(0px);background: #49de73;}
    100% {height:5px;transform:translateY(0px);background: #ea1831;}
}
#preloader_1>div>span{
    font-weight: 700;
}
#preloader_1 div span:nth-child(1){
    position: absolute;
    left: 60px;
    font-size: 15px;
    color: #0196a1;
}
#preloader_1 div span:nth-child(2){
    position: absolute;
    left: 80px;
    font-size: 15px;
    color: #0b1dba;
}
#preloader_1 div span:nth-child(3){
    position: absolute;
    left: 100px;
    font-size: 15px;
    color: #7b06a5;
}
#preloader_1 div span:nth-child(4){
    position: absolute;
    left: 120px;
    font-size: 15px;
    color: #609200;
}
#preloader_1 div span:nth-child(5){
    position: absolute;
    left: 140px;
    font-size: 15px;
    color: #869e00;
}
#preloader_1 div span:nth-child(6){
    position: absolute;
    left: 160px;
    font-size: 15px;
    color: #0ef8ff;
}
#preloader_1 div span:nth-child(7){
    position: absolute;
    left: 180px;
    font-size: 15px;
    color: #03ff32;
}
#preloader_1 div span:nth-child(8){
    position: absolute;
    left: 200px;
    font-size: 15px;
    color: #af9308;
}
#preloader_1 div span:nth-child(9){
    position: absolute;
    left: 220px;
    font-size: 15px;
    color: #ff7500;
}
#preloader_1 div span:nth-child(10){
    position: absolute;
    left: 240px;
    font-size: 15px;
    color: #ff0200;
}
#preloader_1 div span:nth-child(11){
    position: absolute;
    left: 260px;
    font-size: 15px;
    color: #ff009d;
}
#preloader_1 div span:nth-child(12){
    left: 280px;
    position: absolute;
    font-size: 15px;
    color: #ff00f9;
}
#preloader_1 div span:nth-child(13){
    position: absolute;
    left: 300px;
    font-size: 15px;
    color: #9d00ff;
}
#preloader_1 div span:nth-child(14){
    left: 320px;
    font-size: 15px;
    color: #0800ff;
    position: absolute;
}
#preloader_1 div span:nth-child(15){
    left: 340px;
    font-size: 15px;
    position: absolute;
    color: #0084ff;
}
#preloader_1 div span:nth-child(16){
    left: 360px;
    font-size: 15px;
    position: absolute;
    color: #2b0497;
}
#preloader_1 div span:nth-child(17){
     left: 380px;
    font-size: 15px;
    position: absolute;
    color: #9bff00;
 }
footer {
    padding: 20px;
    float: bottom;
    background-color:rgba(24,29,97,0.4);

}
footer::after{
    content: "";
}
a{
    margin-right: 10px;
}

